<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>智慧社区停车场管理中心</title>
    <link href="js/kendo/styles/kendo.default.min.css" rel="stylesheet"/>
    <link href="js/kendo/peripheral/examples-offline.css" rel="stylesheet"/>
    <link href="js/kendo/styles/examples.css" rel="stylesheet" />
    <link href="js/kendo/styles/kendo.rtl.min.css" rel="stylesheet" />
    <link href="js/kendo/styles/kendo.silver.min.css" rel="stylesheet" />
    <link href="js/kendo/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="js/kendo/styles/kendo.dataviz.silver.min.css" rel="stylesheet" />
    <link href="js/kendo/styles/kendo.common.min.css" rel="stylesheet"/>
    <link href="css/base.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/layer/layer.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/lonix/lonix.float.css" />
	<link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" />
	<link rel="stylesheet" href="css/webuploader.css" type="text/css"/>
    <script type="text/javascript" src="js/kendo/js/jquery.min.js"></script>
    <script type="text/javascript" src="js/utils/jquery.PrintArea.js"></script>
    <script type="text/javascript" src="js/kendo/src/js/kendo.all.min.js"></script>
    <script type="text/javascript" src="js/kendo/shared/examples.js"></script>
    <script type="text/javascript" src="js/kendo/js/kendo.messages.zh-CN.js"></script>
    <script type="text/javascript" src="js/kendo/js/cultures/kendo.culture.zh-CN.min.js"></script>
    <script type="text/javascript" src="js/utils/map.js"></script>
    <script type="text/javascript" src="js/utils/x18n.js"></script>
    <script type="text/javascript" src="js/utils/sys_x18n.js"></script>
    <script type="text/javascript" src="js/utils/util.js"></script>
    <script type="text/javascript" src="js/utils/sysUtils.js"></script>
    <script type="text/javascript" src="js/utils/websocketUtils.js"></script>
    <script type="text/javascript" src="js/utils/bindModel.js"></script>
    <script type="text/javascript" src="js/utils/swfobject.js"></script>
    <script type="text/javascript" src="js/utils/json2.js"></script>
    <script type="text/javascript" src="js/utils/base_x18n.js"></script>
    <script type="text/javascript" src="js/utils/GroubleSetting.js"></script>
    <script type="text/javascript" src="js/utils/jquery.nicescroll.js"></script>
	<script type="text/javascript" src="js/utils/webuploader.js"></script>
    <script type="text/javascript" src="home.js"></script>
    <script type="text/javascript" src="js/DataDict/frameworkDataDict.js"></script>
    <script type="text/javascript" src="js/utils/sockjs.min.js"></script>
    <script type="text/javascript" src="js/layer/layer.js"></script>
    <script type="text/javascript" src="js/layer/laydate.js"></script>
    <script type="text/javascript" src="js/blockUI/jquery.blockUI.js"></script>
    <script type="text/javascript" src="js/slider/jquery.bxslider.js"></script>
    <script src="js/ztree/jquery.ztree.all.min.js"></script>
    <script src="js/lonix/lonix.float.js"></script>
    <script src="js/lonix/lonix.img.load.js"></script>
    <script src="js/lonix/lonix.countdown.js"></script>

</head>
<script type="text/javascript">
    var homeJsIn = null;
    var prompt = null;
    var promptConfirm = null;
    $(document).ready(function() {
        homeJsIn = new homeJs($("#homeJsDiv"));
        prompt = homeJsIn.kendoNotification();
        promptConfirm = homeJsIn.kendoNotificationConfirm();

        //计算遮罩层高度
        $(".overlayLoadingWord").css({
            "height" : $(document).height()
        });
    });

</script>
<style>
    /* Ajax请求遮罩层 */
    .overlayLoadingWord {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        height: 100%;
        _padding: 0 20px 0 0;
        background: #000;
        display: none;
    }
    .showLoadingWordbox {
        position: fixed;
        top: 0;
        left: 40%;
        z-index: 100001;
        opacity: 0;
        filter: alpha(opacity = 0);
        margin-left: -50px;
        display: none;
    }
</style>
<body>
<div id="homeJsDiv" class="wrapperDiv">
    <span id="notification" style="display:none;"></span>
    <span id="notificationConfirm" style="display:none;"></span>
    <section class="header-panel">
        <div class="header-bg">
            <div class="page-logo"><img src="images/page-logo.png" /></div>
            <div class="system-panel">
               
            </div>
            <div class="set">
                <ul id="password_nav">
                    <li>
                        <a class="password_li password-btn" href="#">修改密码</a>
                        <ul class="password_cont">
                            <h3>用户信息</h3>
                            <li>
                                <span>用户名称：</span>
                                <input type="text" value="" name="userName" class="pass-txt"/>
                            </li>
                            <li>
                                <span>用户帐号：</span>
                                <input type="text" value="" name="userAccount" class="pass-txt"/>
                            </li>
                            <li>
                                <span>旧密码：</span>
                                <input type="password" name="password" class="pass-txt"/>
                            </li>
                            <li>
                                <span>新密码：</span>
                                <input type="password" name="newPassword" class="pass-txt"/>
                            </li>
                            <li>
                                <span>确认密码：</span>
                                <input type="password" name="ckNewPassword" class="pass-txt"/>
                            </li>
                            <li style="margin:10px 0 0 75px">
                                <a href="javascript:void(0)" class="submit">修改密码</a>
                            </li>
                        </ul>
                    </li>
                    <li><a id="loginOut" href="javascript:void(0)" class="exit-btn">退出系统</a></li>
                </ul>
            </div>
        </div>
    </section>

    <section class="theme-panel">
        <section class="sidebar-panel">
            <div class="menu-bg">
                <div class="user-info">
                    <div class="img"><img src="images/icon-default.png" /></div>
                    <div class="name">您好，xxx</div>
                </div>
                <div class="menu-time">
                    <div class="clock">16:25:36</div>
                    <div class="date">2016-09-20  星期二</div>
                </div>
                <div class="leftsidebar_box" id="sideSlider">

                </div>
            </div>
        </section>

        <section class="home-panel" id="homeSection">

        </section>

        <section class="contains-panel" id="containsSection" style="display:none;">
            <div class="tabMenu-panel" id="labelMenuBtnListDiv">
                <div style="overflow:hidden;width:914px;height:28px;position:relative">
                    <a class="leftBtn" id="aLeftBtn" href="#" style="display: none;position:absolute;left:0;z-index:2"><span class="leftIcon"></span></a>
                    <div class="middleSlide" id="labelMenuAlldiv" style="width:3080px;margin-left:30px;">
                        <ul id="rightDataDivUl">
                            <li id="labelMenuBtn" class="select" style="display: none;"><a href="javascript:void(0);"><span class="close"></span></a></li>
                        </ul>
                    </div>
                    <a class="rightBtn" id="aRightBtn" href="#" style="display: none;position:absolute;right:0;z-index:2"><span class="rightIcon"></span></a>
                </div>
            </div>

            <div class="functionBtn-panel" id="indexOperation">
                <div id="move">
                </div>
            </div>
            <div id="rightDataDiv" class="innerContent-panel" style="height: calc(100% - 70px)">
                <ul style="margin-bottom:0px; height: 100%;" id="rightDataDivUl">
                    <li id="indexHOMEDiv" ></li>
                </ul>
            </div>
        </section>

    </section>

    <section class="footer-panel">
        <div class="copyright">Copyright © LONIX. All Rights Reserved</div>
    </section>
</div>
</body>

</html>
<!-- 左侧主导航 -->
<script type="text/javascript">
//    $('#homeSection').load('/views/framework/moduleSort/module_sort_list.html');
    $("#sideSlider").niceScroll({
        cursorcolor:"#000",
        cursoropacitymax:.45,
        touchbehavior:false,
        cursorwidth:"5px",
        cursorborder:"0",
        cursorborderradius:"5px",
    });
</script>
<!-- Ajax请求弹出层 -->
<div class="overlayLoadingWord"></div>
<div id="AjaxLoading" class="showLoadingWordbox">
    <div class="loadingWord">
        <img src="images/loading.gif">
    </div>
</div>
<!-- Ajax请求弹出层 -->
<script id="errorTemplate" type="text/x-kendo-template">
    <div class="success white_content">
        <div class="close-icon close-btn" onclick="cancelPrompt()"></div>
        <div class="prompt">
            <div class="hint-icon"><img src="images/error-icon.png" /></div>
            <div class="hint-con">
                <p class="font-marked font-error">#= title #</p>
                <p class="font-con">#= message #</p>
            </div>
        </div>
        <div class="close closeBg-error">
                <button class="return" href="\\#">确定</button>
        </div>
    </div>
</script>

<script id="infoTemplate" type="text/x-kendo-template">
    <div class="success white_content">
        <div class="close-icon close-btn" onclick="cancelPrompt()"></div>
        <div class="prompt">
            <div class="hint-icon"><img src="images/info-icon.png" /></div>
            <div class="hint-con">
                <p class="font-marked font-info">#= title #</p>
                <p class="font-con">#= message #</p>
            </div>
        </div>
        <div class="close closeBg-info">
                <button class="return" href="\\#">确定</button>
        </div>
    </div>
</script>

<script id="successTemplate" type="text/x-kendo-template">
    <div class="success white_content">
        <div class="close-icon close-btn" onclick="cancelPrompt()"></div>
        <div class="prompt">
            <div class="hint-icon"><img src="images/success-icon.png" /></div>
            <div class="hint-con">
                <p class="font-marked font-success">#= title #</p>
                <p class="font-con">#= message #</p>
            </div>
        </div>
        <div class="close closeBg-success">
                <button class="return" href="\\#">确定</button>
        </div>
    </div>
</script>

<script id="confirmTemplate" type="text/x-kendo-template">
    <div class="success white_content">
        <div class="close-icon close-btn" onclick="cancelPrompt()"></div>
        <div class="prompt">
            <div class="hint-icon"><img src="images/confirm-icon.png" /></div>
            <div class="hint-con">
                <p class="font-marked font-confirm">#= title #</p>
                <p class="font-con">#= message #</p>
            </div>
        </div>
        <div class="close closeBg-confirm">
                <button class="cancel" onclick="cancelPrompt()" href="\\#" onclick="">取消</button>
                <button class="save" onclick="confirmPrompt()" href="\\#" onclick="">确定</button>
        </div>
    </div>
</script>